<template>
  <div>
    <h2>第二天内容</h2>
    <h2>双向绑定指令</h2>
    姓名： <input type="text" v-model.trim="form.uname" /><br/>
    年龄：<input type="text" v-model.number="form.age" /><br/>
    薪资：<input type="text" v-model.number.lazy="form.salary" /><br/>

    <button @click="onAdd">确认添加</button>
  </div>
</template>

<script>
export default{
  data(){
    return{
      form:{
        uname:'',
        age:'',
        salary:''
      }
    }
  },
  methods:{
    onAdd(){
      console.log('你提交的数据是：',this.form);
    }
  }
}
</script>

<style >
.box{
  width: 300px;
  height: 100px;
  backdrop-filter: cadetblue;
}
</style>
